import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/oss',
    name: 'Oss',
    component: () => import(/* webpackChunkName: "oss" */ '../views/Oss.vue')
  },
  {
    path: '/customModel',
    name: 'CustomModel',
    component: () =>
      import(
        /* webpackChunkName: "CustomModel" */ '../views/CustomModel/index.vue'
      )
  },
  {
    path: '/nextTick',
    name: 'NextTick',
    component: () =>
      import(/* webpackChunkName: "NextTick" */ '../views/NextTick.vue')
  },
  {
    path: '/slot',
    name: 'Slot',
    component: () =>
      import(/* webpackChunkName: "Slot" */ '../views/Slot/index.vue')
  },
  {
    path: '/slotName',
    name: 'SlotName',
    component: () =>
      import(/* webpackChunkName: "Slot" */ '../views/Slot-name/index.vue')
  },
  {
    path: '/customEvent',
    name: 'CustomEvent',
    component: () =>
      import(/* webpackChunkName: "Mixin" */ '../views/CustomEvent/index.vue')
  },
  {
    path: '/sync',
    name: 'Sync',
    component: () =>
      import(/* webpackChunkName: "Sync" */ '../views/Sync/index.vue')
  },
  {
    path: '/animate',
    name: 'Animate',
    component: () =>
      import(/* webpackChunkName: "Animate" */ '../views/Animate/index.vue')
  },
  {
    path: '/allevent',
    name: 'Allevent',
    component: () =>
      import(/* webpackChunkName: "Allevent" */ '../views/Event-all/index.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
